.clearfix{
    clear:both;
}
.today_data{
    width:100%;
    margin: auto;
    height:60px;
    line-height:60px;
    font-size:16px;
    border-bottom:1px solid #bababa;
}
.today_data span{
    display:inline-block;
    padding-left:20px;
}
.people_data{
    width:96%;
    margin:auto;
}
.ui_border_green{
    border:1px solid #68cacb;
    border:1px solid var(--color);
}
.ui_green{
    background-color:#68cacb;
    background-color:var(--color);
}
.ui_border_red{
    border:1px solid #ff7165;
}
.ui_red{
    background-color:#ff7165;
}

.ui_border_purple{
    border:1px solid #8f44ad;
}
.ui_purple{
    background-color:#8f44ad;
}
.people_data_list{
    width:200px;
    height:200px;
    box-sizing:border-box;
    margin-top:20px;
    margin-right:20px;
    float:left;
}
.people_data_list_top{
    height:100px;
}
.people_data_list_top_people{
    width:130px;
    line-height:40px;
    display: inline-block;
    float: left;
}
.question_mark{
    width:30px;
    height:30px;
    float: right;
    padding-top:5px;

}

.question_mark img{
    width:30px;
    height:30px;
}
.ui_inner{
    width:90%;
    margin: auto;
    line-height:40px;
    font-size:16px;
}
.ui_color_white{
    color:#ffffff;
}
.ui_color_grey{
    color:#646464;
}
.tip_one{
    background-color:#ffffff;
    padding:4px 4px;
    border:1px solid #d7d7d7;
    font-size:12px;
    color: #7b7b7b;
    position: absolute;
    display: none;

}
.question_mark img:hover{
    cursor: pointer;
}
.echart_pic{
    width:900px;
}
.data{
    width:90%;
    margin:auto;
}
.date_choose{
    width:120px;
    height:50px;
    border:1px solid yellow;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:20px;
    float:left;
}